import React from 'react';
import { storiesOf, action } from '@kadira/storybook';
import { withKnobs, boolean } from '@kadira/storybook-addon-knobs';
import { muiTheme } from 'storybook-addon-material-ui';
import ModalDialog, { ButtonType } from './ModalDialog';
/*global module*/

storiesOf('ダイアログ（モーダル）', module)
  .addDecorator(muiTheme())
  .addDecorator(withKnobs)
    .add('OKボタンのみ', () => (
      <ModalDialog
        title="このサービスについて"
        buttonType={ButtonType.OK}
        open={boolean('open', true)}
        onAction={action('OK!')}
      >
        本サービスの診断機能は、国立がん研究センターが実施している研究（科学的根拠に基づく発がん性・がん予防効果の評価とがん予防ガイドライン提言に関する研究）の一環で、大規模長期疫学研究である多目的コホート研究（「多目的コホートに基づくがん予防など健康の維持・増進に役立つエビデンスの構築に関する研究」）の効果をもとに制作されたものです。
      </ModalDialog>
    ))
    .add('キャンセル、OKボタン', () => (
      <ModalDialog
        title="値がわからない方は…"
        buttonType={ButtonType.CANCEL_OK}
        open={boolean('open', true)}
        onAction={action('OK!')}
        onCancel={action('CANCEL!')}
      >
        OKで、標準値を自動的に入力します。<br/>
        この場合、結果の精度が低くなります。
      </ModalDialog>
    ));
